<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Control</title>
		
		<link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />

		<script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
	</head>
	<body>
		<script>
			
			// 定义我的控件
			var MyControl = Control.extend({
				
				// 模板  父类  create() 会使用此模板生成节点。
				tpl: '<input type="text">',
				
				// 初始化控件。
				init: function(){
					this.on('click', function(){
						alert('clicked   ' + this.xType);
					})
				}
			});
			
					
			// 创建一个控件。	
			var ff = new MyControl({
				text: "这个是控件的方式生成"  // 调用此类的  setText()
			});
			
			// 显示。 无参数表示插入至      document.body
			ff.renderTo();
			
			// 设置位置。
			ff.setPosition(4,40);
	
		
			
		
		</script>
	</body>
</html>
